<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            /* 合并单元格的边框 */
            border-collapse: collapse;
        }
    </style>
</head>

<body>
    <!-- 表格标签 table
        tr表示一行
        td表示一列中的一个单元格
        th表格表头标签，自带居中加粗效果
        border表示边框的意思
        cellspacing 单元格与单元格之间距离设置为0
        align 设置表格的对齐方式，左对齐，右对齐，居中对齐
        left right center 
        background设置背景图片background="../../音视频--苏州实习/6.jpg"
        bgcolor设置背景颜色
    -->
    <table bgcolor="pink" width="500px" height="400" align="center" border="1" cellspacing="0">
        <tr>
            <th bgcolor="red">姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
        <tr bgcolor="blue">
            <th>Terry</th>
            <th>28</th>
            <th>男</th>
        </tr>
        <tr bgcolor="green">
            <th>Mary</th>
            <th>22</th>
            <th>女</th>
        </tr>
    </table>
</body>

</html>